/* -----------------------------------------------
/* How to use? : Check the GitHub README
/* ----------------------------------------------- */

/* To load a config file (particles.json) you need to host this demo (MAMP/WAMP/local)... */
/*
particlesJS.load('particles-js', 'particles.json', function() {
  console.log('particles.js loaded - callback');
});
*/
/* Otherwise just put the config content (json): */

// 原子的形状
// shape.type="";
// "circle"           // 圆形
// "edge"             // 正方形
// "triangle"         // 等边三角形
// "polygon"          // 多边形，边数受 polygon.nb_sides 影响
// "star"             // 星形，边数受 polygon.nb_sides 影响
// "image"            // 自定义粒子，通过图片
// ["circle", "edge"] // 数组, 多参数传递

particlesJS('particles-js',

    {
        "particles": {
            "number": {
                "value": 150,//数量
                "density": {
                    "enable": true,
                    "value_area": 500 //区域散布密度大小
                }
            },
            "color": {
                "value": ["#fff"]//原子的颜色
            },
            "shape": {
                "type": "polygon",//原子的形状
                "stroke": {
                    "width": 0,//原理的宽度
                    "color": "#000000"//原子颜色
                },
                "polygon": {
                    "nb_sides": 6//原子的多边形边数
                },
                "image": {
                    "src": "img/github.svg",//svg / png / gif / jpg  原子的图片可以使用自定义图片
                    "width": 100,
                    "height": 100
                }
            },
            "opacity": {
                "value": 0.5,//number (0 to 1)   不透明度
                "random": false,//boolean     随机不透明度
                "anim": {
                    "enable": true,//boolean 渐变动画
                    "speed": 1,//渐变动画速度
                    "opacity_min": 0.1,//number (0 to 1) 渐变动画不透明度
                    "sync": false
                }
            },
            "size": {
                "value": 3,//原子大小
                "random": true,//原子大小随机
                "anim": {
                    "enable": true,//原子渐变
                    "speed": 4,//原子渐变速度
                    "size_min": 0.1,
                    "sync": false
                }
            },
            "line_linked": {
                "enable": false,//连接线
                "distance": 150,//连接线距离
                "color": "#fff",//连接线颜色
                "opacity": 0.6,//连接线不透明度
                "width": 1//连接线的宽度
            },
            "move": {
                "enable": true,//原子移动
                "speed": 1,//原子移动速度
                "direction": "none",//原子移动方向 "none""top""top-right""right""bottom-right""bottom""bottom-left""left""top-left"
                "random": false,//移动随机方向
                "straight": false,//直接移动
                "out_mode": "out",//是否移动出画布"out""bounce"
                "bounce": false,//是否跳动移动
                "attract": {
                    "enable": true,//原子之间吸引
                    "rotateX": 600,//原子之间吸引X水平距离
                    "rotateY": 1200//y垂直距离
                }
            }
        },
        "interactivity": {
            "detect_on": "canvas",//原子之间互动检测"canvas", "window"
            "events": {
                "onhover": {
                    "enable": true,//悬停
                    "mode": "bubble"//悬停模式 "grab"抓取临近的, "bubble"泡沫球效果, "repulse"击退效果,["grab", "bubble"]
                },
                "onclick": {
                    "enable": true,//点击效果,点击效果模式"push" "remove" "bubble" "repulse" ["push", "repulse"]
                    "mode": "push"
                },
                "resize": true//互动事件调整
            },
            "modes": {
                "grab": {
                    "distance": 200,//原子互动抓取距离
                    "line_linked": {
                        "opacity": 1//number (0 to 1) 原子互动抓取距离连线不透明度
                    }
                },
                "bubble": {
                    "distance": 100,//原子抓取泡沫效果之间的距离
                    "size": 3,//原子抓取泡沫效果之间的大小
                    "duration": 2,//原子抓取泡沫效果之间的持续事件
                    "opacity": 8,//
                    "speed": 3
                },
                "repulse": {
                    "distance": 200,//击退效果距离
                    "duration": 0.4//击退效果持续事件
                },
                "push": {
                    "particles_nb": 4
                },
                "remove": {
                    "particles_nb": 2//粒子推出的数量
                }
            }
        },
        "retina_detect": false
    }

);